import React from "react";

const ActivityGuide = () => {
  return (
    <div style={{ padding: 20, maxWidth: 800, margin: "0 auto", fontFamily: "Arial, sans-serif", lineHeight: 1.6, color: "#333" }}>
      <h1 style={{ textAlign: "center", color: "#007acc" }}>如何参与社区活动</h1>

      <section style={{ marginTop: 30 }}>
        <h2>参与流程</h2>
        <ol>
          <li>注册成为社区成员，完善个人资料。</li>
          <li>浏览社区活动公告，选择感兴趣的活动。</li>
          <li>根据活动要求提交报名申请或参与指定任务。</li>
          <li>按时完成活动任务，积极互动。</li>
          <li>等待活动结束后领取相应奖励。</li>
        </ol>
      </section>

      <section style={{ marginTop: 30 }}>
        <h2>注意事项</h2>
        <ul>
          <li>请认真阅读活动规则，遵守社区规范。</li>
          <li>活动期间保持活跃，避免违规行为。</li>
          <li>有任何疑问可联系社区管理员获取帮助。</li>
          <li>活动奖励以实际公告为准，解释权归社区所有。</li>
        </ul>
      </section>

      <section style={{ marginTop: 30 }}>
        <h2>奖励机制</h2>
        <p>参与活动可以获得积分、称号、专属徽章等多种奖励。积分可用于兑换社区特权或实物礼品，称号和徽章将展示在个人主页，彰显您的活跃贡献。</p>
      </section>
    </div>
  );
};

export default ActivityGuide;
